@import "mixin";
@charset "utf-8";
/**
 * 通用样式
 */
$font-42: 42px;
$font-F1: 36px;
$font-F2: 34px;
$font-F3: 30px;
$font-F4: 28px;
$font-F5: 26px;
$font-F6: 24px;
$font-F7: 22px;
$font-F8: 32px;
$color-C1: #282828;
$color-C2: #bbbbbb;
$color-C3: #e6e6e6;
$color-C4: #737373;
$color-C5: #a8a8a8;
$color-C6: #f56d9d;
$color-C7: #f5f5f5;

div.contentTopMoreSpace {
  @include px2rem(top,182px);
}

.consultant-list-backguround ul li{
  background:#fff;
}

.consult-cell-flex {

  box-sizing: border-box;
  display: flex;
  @include px2rem(height, 266px);
  @include px2rem(margin-top, 20px);
  margin-bottom: 0px;
  border-bottom: solid $color-C3 1px;
  background: white;
  flex-wrap: nowrap;
  flex-direction: column;

  .consult-cell-first-part {
    box-sizing: inherit;
    display: flex;
    align-items: center;
    @include px2rem(height, 178px);
    @include px2rem(margin-left, 40px);
    @include px2rem(margin-right, 40px);
    img {
      @include px2rem(width, 80px);
      @include px2rem(height, 80px);
      @include px2rem(margin-right, 34px);
      border-radius: 50%;
    }
    .consult-cell-first-part-right {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      .consult-cell-first-part-right-title {
        @include px2rem(margin-bottom, 28px);
        color: $color-C1;
        @include px2rem(font-size, $font-F8);
      }
    }
    .consult-cell-first-part-right-subtitle {
      color: $color-C1;
      @include px2rem(font-size, $font-F6);
      display: flex;
      .consult-cell-first-part-right-subtitle-item {
        display: flex;
        align-items: center;
        @include px2rem(margin-right, 20px);
        span {
          @include px2rem(margin-left, 5px);
        }
      }
    }
  }
  .consult-cell-second-part {
    box-sizing: inherit;
    @include px2rem(height, 88px);
    @include px2rem(margin-left, 40px);
    @include px2rem(margin-right, 40px);
    border-top: solid $color-C3 thin;
  }

  .consult-cell-second-part-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    img {
      @include px2rem(height, 32px);
      @include px2rem(width, 32px);
      @include px2rem(margin-right, 18px);
    }
    span {
      @include px2rem(font-size, $font-F5);
      color: $color-C4;
    }
  }

  .consult-cell-second-part-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .consult-cell-second-part-two-item {
    display: flex;
    align-items: center;
  }


}

.customer-dot {
  @include px2rem(height, 8px);
  @include px2rem(width, 8px);
  @include px2rem(border-radius, 4px);
  @include px2rem(margin-bottom, 5px);
  background: $color-C5;
}



